<template>
  <div id="office">
    <div class="office-main">office!!!!!</div>
  </div>
</template>

<script>
import { onMounted, onUnmounted, reactive, ref, toRefs } from "vue";
import { useRoute, useRouter } from "vue-router";
export default {
  name: "",
  components: {},
  setup(props, ctx) {
    return {};
  },
};
</script>

<style scoped lang="scss">
#office {
  position: relative;
  width: 100%;
  height: 100%;
  border-top-left-radius: 30px;
  overflow-y: auto;
  background: var(--box-bg-color);

  .office-main {
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    .office-main__col {
      display: flex;
      width: 100%;
      gap: 40px;
      margin-bottom: 40px;
    }
  }
}
</style>
